<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>Codester</title>
    <meta content="课程教学实例" name="Description">
    <meta content="bootstrap 前端学习 css" name="Keywords">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--将360默认为极速模式打开 -->
    <meta name="renderer" content="webkit">
    <!-- Bootstrap -->
    <link href="//cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <script>
        $(document).ready(function(){
            $("#dropdown1").click(function(){
                $("#dropdown-menu1").slideToggle("slow");
            });
        });
    </script>

</head>
<body>
<!--导航-->
<nav class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="active" style="width: auto; height: auto;">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#" style="margin-left: 110px;">
                        <img src="./img1/logo.png" style="width: 130px; height: 20px;"/>
                    </a>
                </li>
                <li style="margin-left:25px;" id="dropdown1" class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Scripts ＆ Code
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" id="dropdown-menu1">
                        <!-- dropdown menu links -->
                        <li>
                            <a href="#" tabindex="-1">
                                PHP
                            </a>
                        </li>
                        <li>
                            <a href="#" tabindex="-1">
                                Javascript
                            </a>
                        </li>
                        <li>
                            <a href="#" tabindex="-1">
                                Ruby
                            </a>
                        </li>
                        <li>
                            <a href="#" tabindex="-1">
                                Python
                            </a>
                        </li>
                        <li>
                            <a href="#" tabindex="-1">
                                Java
                            </a>
                        </li>
a                    </ul>
                </li>
                <li style="margin-left:10px;">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Moblie Apps
                        <span class="caret"></span>
                    </a>
                </li>
                <li style="margin-left:10px;">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Themes
                        <span class="caret"></span>
                    </a>
                </li>
                <li style="margin-left:10px;">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Plugins
                        <span class="caret"></span>
                    </a>
                </li>
                <li style="margin-left: 400px; height: 25px;">
                    <button class="btn">
                        login
                    </button>
                </li>
                <li style="margin-left: 20px; height: 25px; margin-top: 8px;">
                    <button style="background-color: #36cf6b;">
                        Sign up
                    </button>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!--页头-->
<div class="container">
    <div class="row">
        <div style="text-align: center; margin-top: 130px; margin-left: 80px; color: #dddddd" class="span11">
            <h2>
                Buy premium
                <strong>script</strong>
                ,
                <strong>themes</strong>
                ,
                <strong>templates</strong>
                ,
                <strong>surce code</strong>
                and
                <strong>plugins</strong>
                and build amazing websites ＆ apps.
            </h2>
        </div>
        <div class="span12" style="margin-top: 30px; text-align: center;">
            <input type="text" class="form-control"/>
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">
                    Go
                </button>
            </span>
        </div>
            <div class="span4" style="margin-top: 40px;">
                <button style="background-color: #36cf6b; width: 165px; height: 45px; color: #dddddd">
                    Create a free account
                </button>
            </div>
            <div class="span4" style="margin-top: 40px; margin-left: 1px;">
                <button style="background-color: transparent; width: 165px; height: 45px; color: #dddddd">
                    Browse popular items
                </button>
            </div>
            <div class="span4" style="margin-top: 40px; margin-left: 1px;">
                <button style="background-color: transparent; width: 165px; height: 45px; color: #dddddd">
                    Sell your work
                </button>
            </div>
    </div>
</div>
<!--内容-->

<!--第一排的图-->
<div>
    <div style="margin-top: 100px; margin-left: 100px;" class="span3">
        <h4>Featured Script ＆ Code</h4>
    </div>
    <div style="margin-top: 100px; margin-left: 720px;" class="span3">
        <a href="#"><h6 style="color: #131a16">Browse Script ＆ Code</h6></a>
    </div>
</div>
<div>
    <div class="span3" style="margin-top: 30px; margin-left: 100px; width: 270px; height: 130px;">
        <img src="./img1/preview.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/小1.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Askpe-Social Network PHP Script</h5>
        </div>
        <div style="margin-top: 25px; margin-left: 5px;" class="span3">
            <h5>Askpe - social network platform</h5>
        </div>
        <div class="span1" style="margin-top: 80px; margin-left: 5px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/icon.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>PHP</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left:70px;">
                <h5>$19</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/2.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/小2.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Rating System PHP AJAX and SQLite</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>This rating system is written in PHP. It uses AJAX, PHP session and SQLite.</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 44px;">
            <img src="./img1/小.png"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/icon.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>PHP</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 70px;">
                <h5>$19</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/3.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/小3.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">DropShare - File Sharing PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>DropShare is a PHP script created to allow web developers to use or create(open) their own file s...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/icon.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>PHP</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$19</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; margin-right: 100px; width: 270px; height: 130px;">
        <img src="./img1/4.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/小4.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Advance Ajax Login System - PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>The Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/icon.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>PHP</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$19</h5>
            </div>
        </div>
    </div>
</div>

<!--第二排的图-->
<div>
    <div style="margin-top: 350px; margin-left: 100px;" class="span4">
        <h4>Featured App Source Code</h4>
    </div>
    <div style="margin-top: 350px; margin-left: 640px;" class="span4">
        <a href="#"><h6 style="color: #131a16">Browse App Source Code</h6></a>
    </div>
</div>
<div>
    <div class="span3" style="margin-top: 30px; margin-left: 100px; width: 270px; height: 130px;">
        <img src="./img1/第二排1.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小1.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">VR-VoiceReader - iOS App Source Code</h5>
        </div>
        <div style="margin-top: 25px; margin-left: 5px;" class="span3">
            <h5>Askpe - social network platform</h5>
        </div>
        <div class="span1" style="margin-top: 80px; margin-left: 5px;">

        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 60px;">
                <img src="./img1/iphone.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 53px;">
                <h6>iOS</h6>
            </div>
            <div class="span1" style="margin-top: 53px; margin-left:70px;">
                <h5>$79</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第二排2.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小2.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Rating System PHP AJAX and SQLite</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>This rating system is written in PHP. It uses AJAX, PHP session and SQLite.</h5>
        </div>
           <div class="span1" style="margin-left: 5px; margin-top: 44px;">
               <img src="./img1/小.png"/>
           </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/Corona.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>Corona</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 70px;">
                <h5>$49</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第二排3.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小3.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">DropShare - File Sharing PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>DropShare is a PHP script created to allow web developers to use or create(open) their own file s...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/iphone.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>iOS</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$79</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; margin-right: 100px; width: 270px; height: 130px;">
        <img src="./img1/第二排4.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小4.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Advance Ajax Login System - PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>The Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/iphone.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>iOS</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$79</h5>
            </div>
        </div>
    </div>
</div>

<!--第三排的图-->
<div>
    <div style="margin-top: 350px; margin-left: 100px;" class="span3">
        <h4>Featured Script ＆ Code</h4>
    </div>
    <div style="margin-top: 350px; margin-left: 800px;" class="span3">
        <a href="#"><h6 style="color: #131a16">Browse Script ＆ Code</h6></a>
    </div>
</div>
<div>
    <div class="span3" style="margin-top: 30px; margin-left: 100px; width: 270px; height: 130px;">
        <img src="./img1/第三排1.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第三排小1.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Askpe-Social Network PHP Script</h5>
        </div>
        <div style="margin-top: 25px; margin-left: 5px;" class="span3">
            <h5>Askpe - social network platform</h5>
        </div>
        <div class="span1" style="margin-top: 80px; margin-left: 5px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/html.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>HTML</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left:70px;">
                <h5>$9</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第三排2.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第三排小2.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Rating System PHP AJAX and SQLite</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>This rating system is written in PHP. It uses AJAX, PHP session and SQLite.</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 44px;">
            <img src="./img1/小.png"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/html.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>HTML</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 70px;">
                <h5>$25</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第三排3.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第三排小3.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">DropShare - File Sharing PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>DropShare is a PHP script created to allow web developers to use or create(open) their own file s...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/html.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>HTML</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$6</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; margin-right: 100px; width: 270px; height: 130px;">
        <img src="./img1/第三排4.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第三排小4.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Advance Ajax Login System - PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>The Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/Joomla.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>Joomla</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$39</h5>
            </div>
        </div>
    </div>
</div>
<!--第四排的图-->
<div>
    <div style="margin-top: 350px; margin-left: 100px;" class="span4">
        <h4>Featured App Source Code</h4>
    </div>
    <div style="margin-top: 350px; margin-left: 640px;" class="span4">
        <a href="#"><h6 style="color: #131a16">Browse App Source Code</h6></a>
    </div>
</div>
<div>
    <div class="span3" style="margin-top: 30px; margin-left: 100px; width: 270px; height: 130px;">
        <img src="./img1/第二排1.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小1.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">VR-VoiceReader - iOS App Source Code</h5>
        </div>
        <div style="margin-top: 25px; margin-left: 5px;" class="span3">
            <h5>Askpe - social network platform</h5>
        </div>
        <div class="span1" style="margin-top: 80px; margin-left: 5px;">

        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 60px;">
                <img src="./img1/iphone.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 53px;">
                <h6>iOS</h6>
            </div>
            <div class="span1" style="margin-top: 53px; margin-left:70px;">
                <h5>$79</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第二排2.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小2.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Rating System PHP AJAX and SQLite</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>This rating system is written in PHP. It uses AJAX, PHP session and SQLite.</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 44px;">
            <img src="./img1/小.png"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/Corona.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>Corona</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 70px;">
                <h5>$49</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第二排3.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小3.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">DropShare - File Sharing PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>DropShare is a PHP script created to allow web developers to use or create(open) their own file s...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/iphone.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>iOS</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$79</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; margin-right: 100px; width: 270px; height: 130px;">
        <img src="./img1/第二排4.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第二排小4.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Advance Ajax Login System - PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>The Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/iphone.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>iOS</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$79</h5>
            </div>
        </div>
    </div>
</div>

<!--第三排的图-->
<div>
    <div style="margin-top: 350px; margin-left: 100px;" class="span3">
        <h4>Featured Script ＆ Code</h4>
    </div>
    <div style="margin-top: 350px; margin-left: 800px;" class="span3">
        <a href="#"><h6 style="color: #131a16">Browse Script ＆ Code</h6></a>
    </div>
</div>
<div>
    <div class="span3" style="margin-top: 30px; margin-left: 100px; width: 270px; height: 130px;">
        <img src="./img1/第四排1.jpg" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第四排小1.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Askpe-Social Network PHP Script</h5>
        </div>
        <div style="margin-top: 25px; margin-left: 5px;" class="span3">
            <h5>Askpe - social network platform</h5>
        </div>
        <div class="span1" style="margin-top: 80px; margin-left: 5px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/WordPress.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>Wordpress</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left:70px;">
                <h5>$9</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第四排2.png" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第四排小2.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Rating System PHP AJAX and SQLite</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>This rating system is written in PHP. It uses AJAX, PHP session and SQLite.</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 44px;">
            <img src="./img1/小.png"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/Magento.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>Magento</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 70px;">
                <h5>$49</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; width: 270px; height: 130px;">
        <img src="./img1/第四排3.png" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第四排小3.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">DropShare - File Sharing PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>DropShare is a PHP script created to allow web developers to use or create(open) their own file s...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/Magento.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>Megento</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$49</h5>
            </div>
        </div>
    </div>
    <div class="span3" style="margin-top: 30px; margin-right: 100px; width: 270px; height: 130px;">
        <img src="./img1/第四排4.png" style="width: 400px; height: 135px;"/>
        <div class="span1" style="margin-left: 5px; margin-top: 10px;">
            <img src="./img1/第四排小4.png" style="width: 60px; height: 60px;"/>
        </div>
        <div class="span2">
            <h5 style="color: black;">Advance Ajax Login System - PHP Script</h5>
        </div>
        <div class="span3" style="margin-top: 20px; margin-left: 5px;">
            <h5>The Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...</h5>
        </div>
        <div class="span1" style="margin-left: 5px; margin-top: 26px;">
            <img src="./img1/小.png" style="width: 30px; height: 30px;"/>
        </div>
        <div class="span4" style="margin-left: 5px;">
            <div class="span1" style="margin-left: 5px; margin-top: 40px;">
                <img src="./img1/WordPress.png" style="width: 20px; height: 15px;"/>
            </div>
            <div class="span1" style="margin-left: 5px; margin-top: 33px;">
                <h6>Wordpress</h6>
            </div>
            <div class="span1" style="margin-top: 33px; margin-left: 100px;">
                <h5>$4</h5>
            </div>
        </div>
    </div>
</div>

</body>
</html>